import './404.less'
import {Button} from "antd";
import {useNavigate} from "react-router";

function NotFound() {
    const navigate = useNavigate();
    return (
        <>
            <h1>404 Error Page</h1>
            <section className="error-container">
                <span className="four"><span className="screen-reader-text">4</span></span>
                <span className="zero"><span className="screen-reader-text">0</span></span>
                <span className="four"><span className="screen-reader-text">4</span></span>
            </section>
            <div className="link-container">
                <Button className="more-link" onClick={
                    () => {
                        navigate('/mkbk/home')
                    }
                }>回到首页</Button>
            </div>
        </>
    );
}

export default NotFound;
